@charset "UTF-8";


.vote2020_subtitle { height: 38px;
    line-height: 32px;
    padding: 6px 0 0 36px;
    margin: 0;
    /*background-image:url(../img/subtitle_voteicon.png);*/
    background-position: 0px 5px;
    background-repeat: no-repeat;
    font-size: 26px;
    font-weight: 700;
    color: #000;
}

.vote2020_subtitle span { font-size: 20px;color: #666; }

.vote2020_page.linechart {width:672px;height: 275px;overflow:hidden;border:1px solid #d5d5d5;padding:4px;margin-bottom:10px;margin-right: 5px; float: right;}




/* 網路民調區塊 */
aside .aside_voting_680 {   border: 1px solid #c1c1c1 !important;}
aside .aside_voting_680 p { color: #444 !important;}
aside .aside_voting_680 ul li { color: #777;}
aside .aside_voting_680 ul li i { color: #25a2f2;}
aside .aside_voting_680 input { background: #333333;border-radius: 20px;}
aside .aside_voting_680 input:hover  {  background: #ffb400; color: #000;   text-decoration: none; border-radius: 50px;}
aside .aside_voting_680 ul li u div {   background: #25a2f2;    text-decoration: none;}

aside .aside_voting_680 { width: 680px;color: #fff; background: #f4f4f4;padding-bottom: 5px;margin-bottom: 10px;}
aside .aside_voting_680 b { width: 70px; height: 24px; line-height: 24px;   margin: 0 0 0 15px; background: #777;   font-size: 13px; font-weight: normal;
    text-decoration: none;  text-align: center; display: block;}
aside .aside_voting_680 p { width: 580px;margin: 0 15px;    padding: 10px 0;    font-size: 20px;    font-weight: bold;  text-align: left;   display: block;}
aside .aside_voting_680 ul li { margin: 0 0 5px 15px;   font-size: 18px;    font-weight: bold;  text-align: left;   color: #6A6A6A;}
aside .aside_voting_680 ul li i { float: left;margin: 0 0 0 10px;   font-size: 15px;    font-family: 'avant_garde', "Noto Sans TC","微軟正黑體", "儷黑 Pro", Microsoft JhengHei, Arial, Helvetica, sans-serif; font-weight: normal;    font-style: normal; letter-spacing: 1px;}
aside .aside_voting_680 ul li u { float: left;  position: relative; width: 50%; height: 12px;margin: 6px auto 5px 8px;  border-radius: 8px; background: #ccc;   overflow: hidden; display: block;}
aside .aside_voting_680 ul li u div {   position: absolute; top: 0; left: 0;    height: 12px;   border-radius: 8px;}
aside .aside_voting_680 input { padding: 8px 24px; margin: 0px auto; border: none; color: #fff; font-size: 18px; cursor: pointer; clear: both;}
aside .aside_voting_680 input.actived { border: 1px solid #000; color: #a9a9a9; background: #000;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #000000 27%, #474747 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #000000), color-stop(100%, #474747));
    background: -webkit-linear-gradient(top, #000000 27%, #474747 100%);
    background: -o-linear-gradient(top, #000000 27%, #474747 100%);
    background: -ms-linear-gradient(top, #000000 27%, #474747 100%);
    background: linear-gradient(to bottom, #000000 27%, #474747 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#474747', GradientType=0);
    text-shadow: none;
    filter: none);
}
aside .aside_voting_680 ul li input {   width: 16px;    height: 16px;   padding: 0; margin: 0 3px;}
aside .aside_voting_680 ul li.star {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0QxNDgzRDZEMUJBMTFFMkIwQjI4NDJENDA3NDY1NkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0QxNDgzRDdEMUJBMTFFMkIwQjI4NDJENDA3NDY1NkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RDE0ODNENEQxQkExMUUyQjBCMjg0MkQ0MDc0NjU2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RDE0ODNENUQxQkExMUUyQjBCMjg0MkQ0MDc0NjU2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvMQkfkAAADsSURBVHjaYvz//z8DNQEj7Qz8LEOZSbxPwBQTkcqdoJggYCHGF0DcBsQgr1gSUkyMC32B2ByILYDYj1IDQfKtSPxWQnpYcHhRDYiNgdgdiHWQ5EDsuUC8G4jPAvEtaFDgjOVJQBwPxHxERtYnIF4IxHm4YrkLqoiBBAO78IUhyBpPIH5NhGEgNW5QPXgj5Qo0Zr/hMewbVM11YmP5JNRgXOAKVA1JyUYej5wcqemQHYjFkfh/oBgGJKBqiDYQ5rrfQDwPiNWBWAPK/o3PlbgMBLlgNjSBJwPxPSC+C2WrQ+UkBlXxNXAlNkCAAQCHhj1bQxosyQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
aside .aside_voting_680 .voteform ul li {   padding: 0 10px 0 0;    overflow: hidden;}
aside .aside_voting_680 .voteform ul li input { float: left;    width: 16px;    height: 16px;   margin: 5px 5px 0 0;    display: block; border: none;}
aside .aside_voting_680 span {  width: 200px; line-height: 24px;float: left;font-size: 15px; font-weight:normal;  ;text-align: left; color: #6A6A6A;}
aside .aside_voting_680 .voteform em a{ font-size: 13px; margin: 5px auto 2px; display: block;text-align: center;  font-weight: 400;}
aside .aside_voting_680 .btns { padding: 5px;
    /* float: right; */
    /* float: left; */
    /* margin: -2px 5px 0 0px; */
    position: relative;
    display: table-cell;
    height: auto;
    vertical-align: middle;
    /* height: 80px; */
    /* width: 80px; */}
aside .aside_voting_680 input[type="radio"] {   background: transparent;}
aside .aside_voting_680 input[type="radio"] + label {   background: transparent;}
aside .aside_voting_680 input[type="radio"]:checked + label {   background: transparent;}

aside .aside_voting_680 .voteform {display: table; vertical-align: middle;}
aside .aside_voting_680 .votes { background: #6277a1; color: #fff; font-size: 13px;  padding: 8px;  float: right;}
aside .aside_voting_680 .voteoption { width: 580px}


.vote2016_subtitle.newslist{border-bottom:#000 1px solid}
.vote2020_subtitle.newslist a{vertical-align:text-top;background-color:#848484;font-size:15px;padding:6px 14px;margin-left:1px;font-weight:400;color:#fff}
.vote2020_subtitle.newslist a.on{background-color:#242424;}
.vote2020_subtitle.newslist a.on:hover{text-decoration:none;background-color:#242424;}
.vote2020_subtitle.newslist a:first-child{margin-left:16px}

.vote2016_snav.doubleli{ margin: 15px 0 -5px 0;}
.vote2016_snav.doubleli li a,.vote2016_snav.doubleli li.on{font-size: 28px;padding: 0 30px;}


.vote2020 {}
.vote2020.celeb-ranking { float: left; width: 190px;  height: 230px; margin: 0 3px 3px 0; border: 1px solid #ddd;  font-size: 15px;   color: #666;  font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif   }
.vote2020.celeb-ranking em {  color: #ffc600;  font-style: normal  }
.vote2020.celeb-ranking>h3 { /*  width: 155px;    height: 40px;*/  line-height: 24px;   padding: 9px;   margin: 5px 5px 0;
        color: #000;   font-weight: 400;   display: block;   background: #fff;   text-align: center  }
.vote2020.celeb-ranking>.arrow {  clear: both;  width: 0;   height: 0;   margin: 0 auto;   border-style: solid;   border-width: 6px 6px 0 6px;
        border-color: #333 transparent transparent transparent    }
.vote2020.celeb-ranking ul {  padding: 3px;   margin-top: 4px;   text-align: center;  }
.vote2020.celeb-ranking ul li {  height: 24px;    line-height: 24px;    margin: 0 0 2px 13px;
        white-space: nowrap;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;    overflow: hidden;   position: relative  }
.vote2020.celeb-ranking .ranking_section {  display: block;  float: left;  height: 200px;  position: relative;margin-left: -10px;}
.vote2020.celeb-ranking ul li a {  font-size: 14px;  font-weight: 400;  color: #0089c9 ;text-align: left;   display: block; }
.vote2020.celeb-ranking ul li a>span {  font-size: 13px;  color: #999;  font-weight: 400  }
.vote2020.celeb-ranking ul li a:hover {  text-decoration: none;    color: #ff7b0d  }
.vote2020.celeb-ranking ul li>b {   float: left;   width: 14px;  height: 16px;  line-height: 18px;  /*border-radius: 9px;*/  margin: 5px 0 0 0;
  color: #000;   font-size: 15px;  font-weight: 400;   display: inline-block;  text-align: center;  /*background: #ffad00*/   }
    span.d3>a>span {  font-size: 12px;   color: #999 }
.vote2020.tab-list {  font-size: 14px;  overflow: auto }
.vote2020.celeb-ranking .tab-list li {     width: 45px;  float: left;   height: 30px;  margin: 0 0 0 3px;  line-height: 30px    }
.vote2020.celeb-ranking .tab-list li:first-child { margin-left: 2px;    width: 85px;}
.vote2020.celeb-ranking .tab-list li a { color: #000; padding: 0 4px; line-height: 24px;  margin: 0 0 0 2px; background-color: #f2f2f2;
            -webkit-transition: all .3s ease-out;  -moz-transition: all .3s ease-out;  -ms-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out;    display: block    }
.vote2020.celeb-ranking .tab-list li a:hover,
.vote2020.tab-list li.current { color: #000; background-color: #f2f2f2 }
.vote2020.celeb-ranking ul li i { float: left; display: block; width: 22px;  height: 15px; position: relative; left: -5px; top: 5px; background: url(../img/celeb-top10arw.gif) no-repeat   }
.vote2020.celeb-ranking ul li i.up {    background-position: 0 -15px  }
.vote2020.celeb-ranking ul li i.dwn {   background-position: 0 -30px }
.vote2020.celeb-ranking ul li i.bs {    background-position: 0 -45px }
.vote2020.celeb-ranking ul li i.new {   background-position: 0 0   }


.popular_list {width: 680px;display: inline-block;}

.list_names { clear: both;  height: 28px; margin: 8px 0 5px; list-style-type: none; overflow: hidden   }
.list_names li {  float: left; width: auto;  height: 33px; line-height: 35px; padding: 0; font-size: 13px; display: inline-block;  }
.list_names li::before {  content: '｜';   float: left;  width: 1px;  height: 35px;  margin: 0 0 0 -15px; color: #ccc;  display: inline-block  }
.list_names li:first-child::before {   display: none; padding-left: 5px }
.list_names li a { float: left;  height: 100%;  padding: 0;  color: #777;   display: inline-block    }
.list_names li:first-child {padding-left: 2px;}
.list_names li a span {  text-align: right }
.list_names li a span.rda { color: red  }
.list_names li a span.gna { color: #2bab1e  }


.list_names li span.up{font-size:14px;font-style:normal;padding:0 14px; color: #ea313f;background-position: 0px 3px;background-repeat: no-repeat; background-image:url(../img/up.png)}
.list_names li span.down{font-size:14px;font-style:normal;padding:0 14px; color: #4eb900;background-position: 0px 3px;background-repeat: no-repeat;background-image:url(../img/down.png)}



aside .aside_voting_680_result {    border: 1px solid #c1c1c1 !important;}
aside .aside_voting_680_result p {  color: #444 !important;}
aside .aside_voting_680_result ul li {  color: #777;}
aside .aside_voting_680_result ul li i { color: #25a2f2;}
aside .aside_voting_680_result input {  background: #333333;border-radius: 20px;}
aside .aside_voting_680_result input:hover  {   background: #ffb400; color: #000;   text-decoration: none; border-radius: 50px;}
aside .aside_voting_680_result ul li u div {    background: #25a2f2;    text-decoration: none;}

aside .aside_voting_680_result { width: 680px;color: #fff; background: #f4f4f4;padding-bottom: 5px;margin-bottom: 20px;margin-top: -8px}
aside .aside_voting_680_result b {  width: 70px; height: 24px; line-height: 24px;   margin: 0 0 0 15px; background: #777;   font-size: 13px; font-weight: normal;
    text-decoration: none;  text-align: center; display: block;}
aside .aside_voting_680_result p {  width: 580px;margin: 0 15px;    padding: 10px 0;    font-size: 20px;    font-weight: bold;  text-align: left;   display: block;}
aside .aside_voting_680_result ul li {  margin: 0 0 5px 15px;   font-size: 18px;    font-weight: bold;  text-align: left;   color: #6A6A6A;}
aside .aside_voting_680_result ul li i { float: left; margin: 0 0 0 10px;   font-size: 15px;    font-family: 'avant_garde', "Noto Sans TC","微軟正黑體", "儷黑 Pro", Microsoft JhengHei, Arial, Helvetica, sans-serif; font-weight: normal;    font-style: normal; letter-spacing: 1px;}
aside .aside_voting_680_result ul li u { float: left; position: relative;   width: 60%; height: 12px;   margin: 5px ;   border-radius: 8px; background: #ccc;
    display: block; overflow: hidden;}
aside .aside_voting_680_result ul li u div {    position: absolute; top: 0; left: 0;    width: 34%; height: 12px;   border-radius: 8px;}
aside .aside_voting_680_result .voteform ul li {    padding: 0 10px 0 0;    overflow: hidden;}
aside .aside_voting_680_result .voteform ul li input {  float: left;    width: 18px;    height: 18px;   margin: 7px 5px 0 0;    display: block; border: none;}
aside .aside_voting_680_result span { width: 200px;float: left;font-size: 15px; font-weight:normal;  ;text-align: left; color: #6A6A6A;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
aside .aside_voting_680_result .voteform em a{font-size: 15px;margin: 5px auto 3px auto; display: block;text-align: center;  font-weight: 600;}
aside .aside_voting_680_result .btns {  padding: 5px}
aside .aside_voting_680_result input[type="radio"] {    background: transparent;}
aside .aside_voting_680_result input[type="radio"] + label {    background: transparent;}
aside .aside_voting_680_result input[type="radio"]:checked + label {    background: transparent;}

aside .aside_voting_680_result .votes { background: #6277a1; color: #fff; font-size: 13px;  padding: 8px;  float: right;}